/*************************************
THIS FILE CONTAINS WEBSITE GRID SYSTEM
*************************************/

.section.boxed {
  width: 1000px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.zone {
  width: 1000px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}

.container-1,
.container-2,
.container-3,
.container-4,
.container-5,
.container-6,
.container-7,
.container-8,
.container-9,
.container-10,
.container-11,
.container-12,
.container-13,
.container-14,
.container-15,
.container-16,
.container-17,
.container-18,
.container-19,
.container-20,
.container-21,
.container-22,
.container-23,
.container-24 {
  display: inline;
  float: left;
  margin-left: 2%;
  margin-right: 2%;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}

.container-1 {
  width: 0.166666666%;
}

.container-2 {
  width: 4.333333333%;
}

.container-3 {
  width: 8.5%;
}

.container-4 {
  width: 12.66666667%;
}

.container-5 {
  width: 16.83333333%;
}

.container-6 {
  width: 21%;
}

.container-7 {
  width: 25.16666667%;
}

.container-8 {
  width: 29.33333333%;
}

.container-9 {
  width: 33.5%;
}

.container-10 {
  width: 37.66666667%;
}

.container-11 {
  width: 41.83333333%;
}

.container-12 {
  width: 46%;
}

.container-13 {
  width: 50.16666667%;
}

.container-14 {
  width: 54.33333333%;
}

.container-15 {
  width: 58.5%;
}

.container-16 {
  width: 62.66666667%;
}

.container-17 {
  width: 66.83333333%;
}

.container-18 {
  width: 71%;
}

.container-19 {
  width: 75.16666667%;
}

.container-20 {
  width: 79.33333333%;
}

.container-21 {
  width: 83.5%;
}

.container-22 {
  width: 87.66666667%;
}

.container-23 {
  width: 91.83333333%;
}

.container-24 {
  width: 96%;
}

@media all and (max-width: 999px) {

  .section.boxed {
    width: 768px;
  }

  .zone {
    width: 768px;
  }

}

@media all and (max-width: 767px) {

  .section.boxed {
    width: 100%;
  }

  .zone {
    width: 100%;
  }

  .container-1,
  .container-2,
  .container-3,
  .container-4,
  .container-5,
  .container-6,
  .container-7,
  .container-8,
  .container-9,
  .container-10,
  .container-11,
  .container-12,
  .container-13,
  .container-14,
  .container-15,
  .container-16,
  .container-17,
  .container-18,
  .container-19,
  .container-20,
  .container-21,
  .container-22,
  .container-23,
  .container-24 {
    width: 96%;
  }

}

/*************************************
THIS FILE CONTAINS WEBSITE GRID SYSTEM
*************************************/

.section.boxed {
  width: 1000px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.zone {
  width: 1000px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}

.container-1,
.container-2,
.container-3,
.container-4,
.container-5,
.container-6,
.container-7,
.container-8,
.container-9,
.container-10,
.container-11,
.container-12,
.container-13,
.container-14,
.container-15,
.container-16,
.container-17,
.container-18,
.container-19,
.container-20,
.container-21,
.container-22,
.container-23,
.container-24 {
  display: inline;
  float: left;
  margin-left: 2%;
  margin-right: 2%;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}

.container-1 {
  width: 0.166666666%;
}

.container-2 {
  width: 4.333333333%;
}

.container-3 {
  width: 8.5%;
}

.container-4 {
  width: 12.66666667%;
}

.container-5 {
  width: 16.83333333%;
}

.container-6 {
  width: 21%;
}

.container-7 {
  width: 25.16666667%;
}

.container-8 {
  width: 29.33333333%;
}

.container-9 {
  width: 33.5%;
}

.container-10 {
  width: 37.66666667%;
}

.container-11 {
  width: 41.83333333%;
}

.container-12 {
  width: 46%;
}

.container-13 {
  width: 50.16666667%;
}

.container-14 {
  width: 54.33333333%;
}

.container-15 {
  width: 58.5%;
}

.container-16 {
  width: 62.66666667%;
}

.container-17 {
  width: 66.83333333%;
}

.container-18 {
  width: 71%;
}

.container-19 {
  width: 75.16666667%;
}

.container-20 {
  width: 79.33333333%;
}

.container-21 {
  width: 83.5%;
}

.container-22 {
  width: 87.66666667%;
}

.container-23 {
  width: 91.83333333%;
}

.container-24 {
  width: 96%;
}

@media all and (max-width: 999px) {

  .section.boxed {
    width: 768px;
  }

  .zone {
    width: 768px;
  }

}

@media all and (max-width: 767px) {

  .section.boxed {
    width: 100%;
  }

  .zone {
    width: 100%;
  }

  .container-1,
  .container-2,
  .container-3,
  .container-4,
  .container-5,
  .container-6,
  .container-7,
  .container-8,
  .container-9,
  .container-10,
  .container-11,
  .container-12,
  .container-13,
  .container-14,
  .container-15,
  .container-16,
  .container-17,
  .container-18,
  .container-19,
  .container-20,
  .container-21,
  .container-22,
  .container-23,
  .container-24 {
    width: 96%;
  }

}